import React from 'react';
import type { GameStat } from '../types';

interface GameStatusProps {
  characterName: string;
  stats: GameStat[];
  gameMessage: string;
}

const GameStatus: React.FC<GameStatusProps> = ({ characterName, stats, gameMessage }) => {
  return (
    <div className="game-status">
      <div className="character-info">
        <h2>道号：{characterName}</h2>
        <div className="stats">
          {stats.map((stat, index) => (
            <div key={index} className="stat-item">
              <span className="stat-label">{stat.label}：</span>
              <span className="stat-value">{stat.value}</span>
            </div>
          ))}
        </div>
      </div>
      
      <div className="game-message">
        <p>{gameMessage}</p>
      </div>
    </div>
  );
};

export default GameStatus;